<template>
	<div class="mobile">
		<div class="nav-top">
			<div class="left">
				<router-link to="/portal/netm"><img src="../../../assets/img/phone-back.png" alt=""></router-link>
			</div>
			<div class="right">
				<span>人大代表建议管理</span>
				<img src="../../../assets/img/phone-more.png" alt="">
			</div>
		</div>
		<div class="advice">
			<div class="num">编号：{{ data.id }}</div>
			<div class="detail">
				<div class="tit">
					<div class="line"></div>建议信息
				</div>
				<div class="item">
					<div class="left">会议届次：</div>
					<div class="right">{{ data.meetingSession }}</div>
				</div>
				<div class="item">
					<div class="left">建议人：</div>
					<div class="right">{{ data.suggesterName }}</div>
				</div>
				<div class="item">
					<div class="left">提出期间:</div>
					<div class="right">{{ data.meetingPeriod }}</div>
				</div>
				<div class="item">
					<div class="left">提出日期：</div>
					<div class="right">{{ data.proposalDate }}</div>
				</div>
				<div class="item">
					<div class="left">案由：</div>
					<div class="right">{{ data.proposalDate }}</div>
				</div>
				<div class="item">
					<div class="left">备注：</div>
					<div class="rigth">{{ data.remark }}</div>
				</div>
				<p v-html="data.response"></p>
				<p>
					<iframe width="100%" height="500px" :src="docx"></iframe>
					<!-- <iframe width="100%" height="500px" ref="wordViewer" :src="data.wordFilePath"></iframe> -->
				</p>
			</div>
		</div>
	</div>
</template>

<script>
import { getSuggestionsDetail } from "@/api/website";
export default {
	data() {
		return {
			data: {},
			docx: ""
		}
	},
	components: {
	},
	created() {
		this.getData()
	},
	mounted() {
	},
	methods: {
		getData() {
			getSuggestionsDetail({ id: this.$route.query.id }).then(response => {
				this.data = response.data;
				this.docx = `https://view.officeapps.live.com/op/view.aspx?src=` + encodeURIComponent(response.data.content)
			});
		}
	}

};
</script>

<style scoped lang="scss"></style>